<!DOCTYPE HTML>
<html>

<head>
    <title>Home</title>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- jQuery (necessary JavaScript plugins) -->
    <!-- Custom Theme files -->
    <link href="css/main.css" rel='stylesheet' type='text/css'/>
    <link href="css/style.css" rel='stylesheet' type='text/css'/>
    <link rel="stylesheet" href="css/lightbox.css">
    <script src="js/jquery.min.js"></script>
    <!-- Custom Theme files -->
    <!--//theme style-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="荣英装饰"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
</head>

<body>
<!-- header -->
<div id="home" class="top-banner">
    <div class="header">
        <div class="container">
            <div class="headr-left">
                <div class="details">
                    <ul>
                        <li>
                            <a href="mailto:@example.com">
                                <span class="glyphicon glyphicon-envelope"
                                      aria-hidden="true"></span>18260060347@163.com</a>
                        </li>
                        <li>
                            <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>18260060347
                        </li>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="headr-right">
                <div class="social">
                    <a href="#">
                        <i class="facebook"></i>
                    </a>
                    <a href="#">
                        <i class="twitter"></i>
                    </a>
                    <a href="#">
                        <i class="dribble"></i>
                    </a>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!---->
<div class="top-header">
    <div class="container">
        <div class="logo">
            <h1>
                <a href="index.html">英荣 装饰</a>
            </h1>
        </div>
        <div class="top-menu">
            <nav class="cl-effect-1">
                    <span class="menu">
                        <img src="images/menu.png" alt=""/>
                    </span>
                <ul>
                    <li>
                        <a href="index.html">主页</a>
                    </li>
                    <li>
                        <a class="scroll" href="#about">关于</a>
                    </li>
                    <li>
                        <a class="scroll" href="#service">服务</a>
                    </li>
                    <li>
                        <a class="scroll" href="#gallery">案例</a>
                    </li>
                    <li>
                        <a class="scroll" href="#testi">宣传</a>
                    </li>
                    <li>
                        <a class="scroll" href="#contact">联系</a>
                    </li>
                </ul>
                <!-- script-for-menu -->
                <script>
                    $("span.menu").click(function () {
                        $(".top-menu ul").slideToggle("slow", function () {
                        });
                    });
                </script>
                <!-- script-for-menu -->
            </nav>
        </div>
    </div>
</div>
<!---->
<div class="banner">
    <div class="container">
        <div class="banner-info">
            <h2>重新定义靠谱家装</h2>
            <h3>见证家装新革命</h3>
            <a href="#">点击</a>
        </div>
    </div>
</div>
<!---->
<div class="copyrights">
    <a href="" title=""></a>
</div>
<div id="about" class="welcome">
    <div class="container">
        <div class="welcm-grids">
            <div class="col-md-6 welcm-left">
                <h3>英荣装饰 | 精品设计中心</h3>
                <h4>用极致设计，成就奢尚品质生活。都是精英阶层的首选</h4>
                <p class="text">
                    “精品设计中心”不同于传统的家装套装模式，旨在提供“更灵活的设计元素，更丰富的主材品牌款式”。选择精品设计，享受专属设计师一对一服务，您的
                    各种天马行空的设计思想都可以实现，设计风格别具一致，告别装修“撞衫”。
                </p>
                <p class="text">
                    “精品设计中心"具有成熟的设计体系，其作品融合了西方复古建筑和东方的中国风元素形成了一种混搭却又和谐的视觉效果，中国传统文化艺术具有丰厚的文化
                    底蕴。而西方的现代建筑呈现出刚劲，棱角和线条。在室内设计中，东西方文化的交融将打造出行云流水般传统，简约且具有线条质感的空间格调。
                </p>
                <p class="text">
                    国际化设计视野，秉承意大利、米兰潮流设计理念，拥有来自亚洲室内设计大赛、CIDA中国室内设计大赛等众多获奖设计师，成熟设计体系， 众多优秀获奖作品，引领国内顶尖设计潮流！官网预约，享1对1设计特权！
                </p>
            </div>
            <div class="col-md-6 welcm-right">
                <h3>个性化私人定制精装</h3>
                <img src="images/bnr2.jpg" class="img-responsive" alt=""/>
                <p>私人专属定制告别千篇一律。国际大牌设计师，潮流设计理念。海量国际名品主材 环保指数超国际标准。</p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!---->
<div id="service" class="services">
    <div class="container">
        <h3>服务 | Services</h3>
        <div class="specialty-grids-top">
            <div class="col-md-4 service-box" style="visibility: visible; -webkit-animation-delay: 0.4s;">
                <figure class="icon">
                    <span class="glyphicon3 glyphicon-edit" aria-hidden="true"></span>
                </figure>
                <h5>零假货</h5>
                <p>零假货，假一赔十，货真价实，不蒙不骗</p>
            </div>
            <div class="col-md-4 service-box wow bounceIn animated" data-wow-delay="0.4s"
                 style="visibility: visible; -webkit-animation-delay: 0.4s;">
                <figure class="icon">
                    <span class="glyphicon3 glyphicon-leaf" aria-hidden="true"></span>
                </figure>
                <h5>零污染</h5>
                <p>零污染，符合国家环保标准，健康家装</p>
            </div>
            <div class="col-md-4 service-box wow bounceIn animated" data-wow-delay="0.4s"
                 style="visibility: visible; -webkit-animation-delay: 0.4s;">
                <figure class="icon">
                    <span class="glyphicon3 glyphicon-hourglass" aria-hidden="true"></span>
                </figure>
                <h5>零增项</h5>
                <p>客户被动增项全免费，项目透明，价格确定</p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- gallery -->
<div id="gallery" class="gallery-top">
    <div class="container">
        <div class="gallery-info">
            <h3>案例 | Gallery</h3>
        </div>
        <div class="gallery-grids-top">
            <div class="gallery-grids">
                <div class="col-md-4 gallery-grid middle-gallery-grid">
                    <a class="example-image-link" href="images/8.jpg" data-lightbox="example-set" data-title="">
                        <img class="example-image" src="images/8.jpg" alt=""/>
                    </a>
                </div>
                <div class="col-md-4 gallery-grid middle-gallery-grid">
                    <a class="example-image-link" href="images/9.jpg" data-lightbox="example-set" data-title="">
                        <img class="example-image" src="images/9.jpg" alt=""/>
                    </a>
                </div>
                <div class="col-md-4 gallery-grid middle-gallery-grid">
                    <a class="example-image-link" href="images/1.jpg" data-lightbox="example-set" data-title="">
                        <img class="example-image" src="images/1.jpg" alt=""/>
                    </a>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="gallery-grids gallery-grids-middle">
                <div class="col-md-6 gallery-right">
                    <div class="gallery-right-grid">
                        <div class="col-md-6 gallery-grid-img">
                            <a class="example-image-link" href="images/5.jpg" data-lightbox="example-set" data-title="">
                                <img class="example-image" src="images/5.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="col-md-6 gallery-grid-img">
                            <a class="example-image-link" href="images/3.jpg" data-lightbox="example-set" data-title="">
                                <img class="example-image" src="images/3.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="gallery-right-grid gallery-right-top-grid">
                        <div class="col-md-6 gallery-grid-img">
                            <a class="example-image-link" href="images/4.jpg" data-lightbox="example-set" data-title="">
                                <img class="example-image" src="images/4.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="col-md-6 gallery-grid-img">
                            <a class="example-image-link" href="images/6.jpg" data-lightbox="example-set" data-title="">
                                <img class="example-image" src="images/6.jpg" alt=""/>
                            </a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="col-md-6 gallery-grid-top">
                    <div class="gallery-grid-top-img">
                        <a class="example-image-link" href="images/2.jpg" data-lightbox="example-set" data-title="">
                            <img class="example-image" src="images/2.jpg" alt=""/>
                        </a>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <script src="js/lightbox-plus-jquery.min.js"></script>
        </div>
    </div>
</div>
<!--team-->
<div class="team">
    <div class="container">
        <h3>团队 | Our Team</h3>
        <div class="team-info">
            <div class="col-md-3 col-xs-6 team-grids">
                <a href="#">
                    <img class="img-responsive" src="images/designer/1.jpg" alt="">
                    <div class="captn">
                        <h4>肖文娟 首席设计师</h4>
                        <p>设计是人文与艺术的完美结合；设计是一种取舍；而我们要做的即是：在各类不同的空间中，导入最适合的空间布局及氛围；在与实际条件的结合下，提供给客户最专业的设计判断与抉择。 </p>
                    </div>
                </a>
            </div>
            <div class="col-md-3 col-xs-6 team-grids">
                <a href="#">
                    <img class="img-responsive" src="images/designer/2.jpg" alt="">
                    <div class="captn">
                        <h4>吴容容 首席设计师</h4>
                        <p>好的设计在于保持原有建筑特点的基础上，优化其不足，以人为本，定制实用、舒适、温馨、美观的家 </p>
                    </div>
                </a>
            </div>
            <div class="col-md-3 col-xs-6 team-grids">
                <a href="#">
                    <img class="img-responsive" src="images/designer/3.jpg" alt="">
                    <div class="captn">
                        <h4>谢然 主任设计师</h4>
                        <p>以人为本为中心，创作功能合理、舒适优美、满足人门物质和精神生活需要的室内生活环境！</p>
                    </div>
                </a>
            </div>
            <div class="col-md-3 col-xs-6 team-grids">
                <a href="#">
                    <img class="img-responsive" src="images/designer/4.jpg" alt="">
                    <div class="captn">
                        <h4>王仔贞 主任设计师</h4>
                        <p>设计是一种艺术表现方式。用生活感悟设计家的真谛。</p>
                    </div>
                </a>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!---->
<script src="js/responsiveslides.min.js"></script>
<div id="testi" class="testimonal">
    <div class="container">
        <div class="testi-top">
            <h3>Testimonials</h3>
        </div>
        <div class="testi-slider">

            <script>
                // You can also use "$(window).load(function() {"
                $(function () {
                    // Slideshow 4
                    $("#slider2").responsiveSlides({
                        auto: true,
                        pager: true,
                        nav: false,
                        speed: 500,
                        namespace: "callbacks",
                        before: function () {
                            $('.events').append("<li>before event fired.</li>");
                        },
                        after: function () {
                            $('.events').append("<li>after event fired.</li>");
                        }
                    });

                });
            </script>
            <div id="top" class="callbacks_container">
                <ul class="rslides" id="slider2">
                    <li>
                        <div class="testimonial-grids">
                            <div class="testimonial-left">
                                <img src="images/designer/5.jpg" alt=""/>
                            </div>
                            <div class="testimonial-right">
                                <p>
                                    <span>"</span> 一个愉悦的空间、一种尊贵的生活、一方独享的天地，都在这里寻求最合适最有效的规划布局，合理使用空间，以小博大，画龙点睛，创造美好家居生活！
                                    <span>"</span>
                                </p>
                                <h5>易彬彬</h5>
                                <h6>Founder,CEO</h6>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </li>
                    <li>
                        <div class="testimonial-grids">
                            <div class="testimonial-left">
                                <img src="images/designer/6.jpg" alt=""/>
                            </div>
                            <div class="testimonial-right">
                                <p>
                                    <span>"</span>
                                    室内装修实质就是一种生活体验的展示，追求的设计风格不只是空间，也是提升生活内涵和艺术气质，在不同的设计反馈中，和业主一起提炼生活品质，共筑梦想家。
                                    <span>"</span>
                                </p>
                                <h5>苏金宏</h5>
                                <h6>Manager</h6>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </li>
                    <li>
                        <div class="testimonial-grids">
                            <div class="testimonial-left">
                                <img src="images/t2.jpg" alt=""/>
                            </div>
                            <div class="testimonial-right">
                                <p>
                                    <span>"</span>
                                    家是一个很温暖很美好的地方，家庭设计面面精彩，设计应该用最少的投入，最大的美化来装扮我们现有的空间。
                                    <span>"</span>
                                </p>
                                <h5>刘丽萍</h5>
                                <h6>Traveller,Asst.</h6>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!---->
<div id="contact" class="contact">
    <h3>联系我们 | Contact</h3>
    <div class="container">
        <div class="contact-grids">
            <div class="contact-icons">
                <div class="contact-grid">
                    <div class="contact-fig">
                        <span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>
                    </div>
                    <p>18260060347</p>
                </div>
                <div class="contact-grid">
                    <div class="contact-fig1">
                        <span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
                    </div>
                    <p>南京市秦淮区
                        <span>四方新村</span>
                    </p>
                </div>
                <div class="contact-grid">
                    <div class="contact-fig2">
                        <span class="glyphicon glyphicon-envelope2" aria-hidden="true"></span>
                    </div>
                    <p>
                        <a href="mailto:18260060347@163.com">18260060347@163.com</a>
                    </p>
                </div>
                <div class="clearfix"></div>
            </div>
            <form>
                <input type="text" placeholder="姓名">
                <input type="text" placeholder="邮件">
                <input type="text" placeholder="手机">
                <textarea placeholder="......"></textarea>
                <input type="submit" value="发送">
            </form>
        </div>
    </div>
</div>
<!---->
<div class="footer">
    <div class="container">
        <div class="copywrite">
            <p>Copyright &copy; 2017.南京英荣建筑装饰工程有限公司 </p>
        </div>
    </div>
</div>
<!---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $(".scroll").click(function (event) {
            event.preventDefault();
            $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1200);
        });
    });
</script>
<!---->
<!--script-->
<script type="text/javascript">
    $(document).ready(function () {
        /*
         var defaults = {
         containerID: 'toTop', // fading element id
         containerHoverID: 'toTopHover', // fading element hover id
         scrollSpeed: 1200,
         easingType: 'linear'
         };
         */
        $().UItoTop({easingType: 'easeOutQuart'});
    });
</script>
<a href="#to-top" id="toTop" style="display: block;">
    <span id="toTopHover" style="opacity: 1;"> </span>
</a>
<!--script-->

</body>

</html>